<a
  class="group inline-block rounded-sm bg-gradient-to-r from-pink-500 via-red-500 to-yellow-500 p-[2px] hover:text-white focus:ring-3 focus:outline-hidden"
  href="#"
>
  <span class="block rounded-xs bg-white px-8 py-3 text-sm font-medium group-hover:bg-transparent">
    Download
  </span>
</a>

<!-- Pill -->

<a
  class="group inline-block rounded-full bg-gradient-to-r from-pink-500 via-red-500 to-yellow-500 p-[2px] hover:text-white focus:ring-3 focus:outline-hidden"
  href="#"
>
  <span
    class="block rounded-full bg-white px-8 py-3 text-sm font-medium group-hover:bg-transparent"
  >
    Download
  </span>
</a>
